<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css"
        integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"
        integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
        crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-7ymO4nGrkm372HoSbq1OY2DP4pEZnMiA+E0F3zPr+JQQtQ82gQ1HPY3QIVtztVua"
        crossorigin="anonymous"></script>
</head>
<style>
    .tou {
        width: 100%;
        height: 250px;
        background: url(img/1.jpg);
        background-size: 100%;
        float: left;
        margin-top: -250px;
    }

    .img1 {
        margin-top: 40px;
        margin-left: 515px;
    }

    .img2 {
        margin-top: 50px;
        margin-left: 180px;
    }

    .fenlan {
        width: 100%;
        height: 84px;
        background-color: rgb(241, 238, 233);
        margin-top: 250px;
    }

    ul {
        list-style: none;
        margin-top: 10px;
    }

    .daohang {
        width: 800px;
        height: 84px;
        margin-left: 25%;
    }

    a:hover {
        color: red;
    }

    .line {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;

        .daohanglan {
            width: 100px;
            height: 34px;
            float: left;
            margin-left: 25px;
            font-size: 18px;
            color: black;
        }
    }
    .daohanglan:hover{
        color: #a4221f;
    }
    .sousuo {
        width: 150px;
        height: 84px;
        align-items: center;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        margin-top: -90px;
        margin-left: 70%;
    }

    .huitan {
        width: 990px;
        height: 150px;
        margin: 0 auto;
        /* background-color: red; */
    }

    h1 {
        width: 1000px;
        margin-left: 25%;
        margin-top: 10px;
    }

    p {
        margin-left: 50px;
        font-size: 13px;
    }

    .xi {
        text-decoration: none;
        color: black;
    }
    .xi:hover{
        text-decoration: none;
        color: #a4221f;
    }
    .huitan .p1 {
        font-size: 16px;
        /* color: red; */
        margin-top: -35px;
        margin-left: 90%;
        font-family: "宋体";
    }

    .hr1 {
        color: red;
        border: solid red 1px;
    }

    .hr2 {
        color: red;
        border: solid red 3px;
    }

    .lunbotu {
        width: 1000px;
        height: 560px;
        margin: 0 auto;

    }

    .huodong {
        width: 100%;
        height: 417px;
        background-color: rgb(243, 231, 216);
        margin-top: 20px;
    }

    .huodong1 {
        width: 1000px;
        height: 417px;
        margin: 0 auto;
        /* background-color: red; */
        padding: 30px 0px;
    }

    .dakai {
        width: 650px;
        height: 20px;
        text-align: right;
        color: gray;
    }

    .shijian {
        width: 650px;
        height: 166px;
    }

    .line1 {
        width: 321px;
        height: 37px;
    }

    .p2 {
        width: 321px;
        height: 37px;
        line-height: 37px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-weight: normal;
        font-size: 16px;
        text-align: left;
        color: black;
    }
    .left .line1 .p2:hover{
        text-decoration: none;
        color: #a4221f;
    }
    .right .line1 .p2:hover{
        text-decoration: none;
        color: #a4221f;
    }
    .left {
        margin-left: -80px;
    }

    .right {
        margin-top: -165px;
        margin-left: 245px;
    }
    .huodong .huodong1 .shijian a .p1:hover{
        color: red;
        /* text-decoration: none; */
    }
    .xijinpin {
        width: 303px;
        height: 417px;
        margin-left: 60%;
        margin-top: -380px;
    }

    .tongqisheng {
        width: 303px;
        height: 64px;
        background: url(img/14.png);
        background-size: 100%;
    }

    .zuji {
        width: 303px;
        height: 222px;
        background: url(img/15.png);
        background-size: 100%;
    }
    .xijinpin .zuji .img3:hover{
        animation: m2 1s ease 300ms 2;
    }
    @keyframes m2{
        40%{
            transform: scale(1,1.2);
        }
        /* 100%{
            transform: scale(0.8,1);
        } */
    }
    .rizhi {
        width: 303px;
        height: 64px;
        background: url(img/18.png);
        background-size: 100%;
    }

    .h61 {
        margin-top: -20px;
        margin-left: 70px;
        color: black;
    }

    .h62 {
        margin-top: -30px;
        margin-left: 200px;
        color: black;
    }
    .xijinpin .zuji a .h61:hover{
        color: red;
        text-decoration: none;
    }
    .xijinpin .zuji a .h62:hover{
        color: red;
        text-decoration: none;
    }
    .xiangying {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 650px;
        height: 170px;
        margin-left: 460px;
        margin-top: -230px;

        .xiangying1 {
            width: 320px;
            height: 80px;
            margin-right: 5px;

        }
    }
    .xiangying .xiangying1 img:hover{
        animation: m1 1s ease 300ms 2;
    }
    @keyframes m1{
        40%{
            transform: scale(1,1.2);
        }
        /* 100%{
            transform: scale(0.8,1);
        } */
    }

    .maodian {
        width: 105px;
        height: 574px;
        position: fixed;
        right: 30px;
        top: 250px;
        margin: 0;
        border-radius: 30px;
    }

    .xuexi {
        background-color: rgb(215, 215, 215);
        color: rgb(17, 17, 17);
        cursor: pointer;
        height: 40px;
        line-height: 40px;
        border-bottom: 2px solid #fff;
        font-weight: 900;
        font-size: 18px;
        text-align: center;
        overflow: hidden;
        box-sizing: border-box;
    }
    .maodian .xuexi:hover{
        background-color: rgb(233, 165, 77);
    }
    .totop {
        font-weight: 900;
        font-size: 18px;
        text-align: center;
        overflow: hidden;
        box-sizing: border-box;
        line-height: 50px;
        background-color: #a4221f;
    }

    .erweima {
        font-weight: 900;
        font-size: 18px;
        text-align: center;
        overflow: hidden;
        box-sizing: border-box;
        cursor: default;
        background-color: #a4221f;
        padding-top: 10px;
        display: block;
    }

    .erweima1 {
        background-image: url(img/25.png);
        width: 85px;
        height: 85px;
        box-sizing: border-box;
        background-size: contain;
        margin: 0 auto;
        display: block;
    }

    .xiazai {
        color: #fff;
        line-height: 20px;
        font-size: 12px;
        font-weight: normal;
    }

    .rexian {
        background-color: #ba2926;
        color: #fff;
        padding: 5px 0 3px;
        font-weight: 900;
        font-size: 18px;
        text-align: center;
        overflow: hidden;
        box-sizing: border-box;

    }

    .rexian1 {
        line-height: 28px;
        font-weight: 900;
        font-size: 18px;
        color: white;
        text-align: center;
    }

    .rexian2 {
        font-weight: 350;
        line-height: 20px;
        letter-spacing: 4px;
        color: white;
        font-size: 18px;
        text-align: center;
    }

    .dianhua {
        background-color: #ba2926;
        color: #fff;
        padding: 0px 0 5px;
        font-weight: 900;
        font-size: 18px;
        text-align: center;
        overflow: hidden;
        box-sizing: border-box;
    }

    .dianhua1 {
        line-height: 28px;
        font-weight: 900;
        font-size: 18px;
        color: #fff;
    }

    .dianhua2 {
        line-height: 20px;
        font-weight: 350;
        font-size: 14px;
        color: #fff;
    }
</style>

<body>
    <div class="tou">
        <img src="img/3.png" alt="" class="img1" width="300px" height="160px">
        <img src="img/4.png" alt="" class="img2" width="454px" height="164px">
    </div>
    <div class="fenlan">
        <div class="daohang">
            <div class="line">
                <ul>
                    <a href="">
                        <div class="daohanglan">
                            <li>思想</li>
                        </div>
                    </a>
                    <a href="">
                        <div class="daohanglan">
                            <li>二十大时间</li>
                        </div>
                    </a>
                    <a href="">
                        <div class="daohanglan">
                            <li>习近平文化</li>
                        </div>
                    </a>
                    <a href="">
                        <div class="daohanglan">
                            <li>学习理论</li>
                        </div>
                    </a>
                    <a href="">
                        <div class="daohanglan">
                            <li>红色中国</li>
                        </div>
                    </a>
                    <a href="">
                        <div class="daohanglan">
                            <li>学习科学</li>
                        </div>
                    </a>
                    <a href="">
                        <div class="daohanglan">
                            <li>国际</li>
                        </div>
                    </a>
                    <a href="">
                        <div class="daohanglan">
                            <li>五个一工程</li>
                        </div>
                    </a>
                    <a href="">
                        <div class="daohanglan">
                            <li>学习电视台</li>
                        </div>
                    </a>
                    <a href="">
                        <div class="daohanglan">
                            <li>学习电台</li>
                        </div>
                    </a>
                    <a href="">
                        <div class="daohanglan">
                            <li>强军兴军</li>
                        </div>
                    </a>
                    <a href="">
                        <div class="daohanglan">
                            <li>学习文化</li>
                        </div>
                    </a>
                </ul>
            </div>
        </div>
        <div class="sousuo">
            <a href=""><img src="img/11.png" alt=""></a>
            <a href=""><img src="img/12.png" alt=""></a>
        </div>
    </div>
    <div class="huitan">
        <h1><b>习近平同安哥拉总统洛伦索会谈</b></h1>
        <p><a href="" class="xi">两国元首宣布，将中安关系提升为全面战略合作伙伴关系</a> <a href=""
                class="xi"><span>习近平强调，中安合作基础好、规模大、互补性强，互利合作有着巨大潜力和光明前景</span></a>
            <a href="">
                <p class="p1" style="color: rgb(163, 13, 13);">更多头条</p>
            </a>
        </p>
        <hr class="hr1">
        <hr class="hr2">
    </div>
    <div class="lunbotu">
        <div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
            <ol class="carousel-indicators">
                <li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>
                <li data-target="#carouselExampleCaptions" data-slide-to="1"></li>
                <li data-target="#carouselExampleCaptions" data-slide-to="2"></li>
                <li data-target="#carouselExampleCaptions" data-slide-to="3"></li>
                <li data-target="#carouselExampleCaptions" data-slide-to="4"></li>
            </ol>
            <div class="carousel-inner">
                <div class="carousel-item active">
                    <img src="img/6.jpg" class="d-block w-100" alt="">
                    <div class="carousel-caption d-none d-md-block">
                        <h5>“一代接着一代干，撸起袖子加油干”</h5>
                        <p></p>
                    </div>
                </div>
                <div class="carousel-item">
                    <img src="img/7.jpg" class="d-block w-100" alt="">
                    <div class="carousel-caption d-none d-md-block">
                        <h5>习近平参加江苏代表团审议</h5>
                        <p></p>
                    </div>
                </div>
                <div class="carousel-item">
                    <img src="img/8.png" class="d-block w-100" alt="">
                    <div class="carousel-caption d-none d-md-block">
                        <h5>习近平讲述的故事|青苍簇拥越千年</h5>
                        <p></p>
                    </div>
                </div>
                <div class="carousel-item">
                    <img src="img/9.png" class="d-block w-100" alt="">
                    <div class="carousel-caption d-none d-md-block">
                        <h5>习近平出席解放军和武警部队代表团全体会议</h5>
                        <p></p>
                    </div>
                </div>
                <div class="carousel-item">
                    <img src="img/10.png" class="d-block w-100" alt="">
                    <div class="carousel-caption d-none d-md-block">
                        <h5>“发展是实现人民幸福的关键”</h5>
                        <p></p>
                    </div>
                </div>
            </div>
            <button class="carousel-control-prev" type="button" data-target="#carouselExampleCaptions"
                data-slide="prev">
                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                <span class="sr-only">Previous</span>
            </button>
            <button class="carousel-control-next" type="button" data-target="#carouselExampleCaptions"
                data-slide="next">
                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                <span class="sr-only">Next</span>
            </button>
        </div>
    </div>
    <div class="huodong">
        <div class="huodong1">
            <div class="dakai">打开</div>
            <div class="shijian">
                <div class="left">
                    <ul class="line2">
                        <a href="">
                            <li class="line1">
                                <p class="p2">中华人民共和国和安哥拉共和国关于建立全面战略合作伙伴关系的联合声明（全文）</p>
                            </li>
                        </a>
                        <a href="">
                            <li class="line1">
                                <p class="p2">习近平：时刻保持解决大党独有难题的清醒和坚定，把党的伟大自我革命进行到底</p>
                            </li>
                        </a>
                        <a href="">
                            <li class="line1">
                                <p class="p2">《习近平著作选读》第一卷、第二卷英文版出版发行</p>
                            </li>
                        </a>
                        <a href="">
                            <li class="line1">
                                <p class="p2">全国政协十四届二次会议闭幕 习近平等出席</p>
                            </li>
                        </a>
                    </ul>
                </div>
                <div class="right">
                    <ul class="line2">
                        <a href="">
                            <li class="line1">
                                <p class="p2">《求是》杂志发表习近平总书记重要文章</p>
                            </li>
                        </a>
                        <a href="">
                            <li class="line1">
                                <p class="p2">中华人民共和国主席令（第二十一号）</p>
                            </li>
                        </a>
                        <a href="">
                            <li class="line1">
                                <p class="p2">十四届全国人大二次会议在京闭幕</p>
                            </li>
                        </a>
                        <a href="">
                            <li class="line1">
                                <p class="p2">习近平向巴基斯坦新任总统扎尔达里致贺电</p>
                            </li>
                        </a>
                    </ul>
                </div>
            </div>
        </div>
        <div class="xijinpin">
            <a href="">
                <div class="tongqisheng">
                    <img src="img/24.png" alt="" style="margin-left: 245px; margin-top: 10px;">
                </div>
            </a>
            <div class="zuji">
                <a href=""><img src="img/16.png" alt=""
                        style="width: 88px; height: 96px; margin-top: 80px; margin-left: 40px;" class="img3"></a>
                <a href=""><img src="img/17.png" alt=""
                        style="width: 122px; height: 80px; margin-top: -110px; margin-left: 160px;" class="img3"></a>
                <a href="">
                    <h6 class="h61">国内</h6>
                </a>
                <a href="">
                    <h6 class="h62">国外</h6>
                </a>
            </div>
            <a href="">
                <div class="rizhi">
                    <img src="img/19.png" alt="" style="margin-left: 245px; margin-top: 10px;">
                </div>
            </a>
        </div>
        <div class="xiangying">
            <a href="">
                <div class="xiangying1"><img src="img/20.jpg" alt=""></div>
            </a>
            <a href="">
                <div class="xiangying1"><img src="img/21.jpg" alt=""></div>
            </a>
            <a href="">
                <div class="xiangying1"><img src="img/22.jpg" alt=""></div>
            </a>
            <a href="">
                <div class="xiangying1"><img src="img/23.jpg" alt=""></div>
            </a>
        </div>
    </div>
    <div class="maodian">
        <div class="xuexi">站内搜索</div>
        <div class="xuexi">我的学习</div>
        <div class="xuexi">我的书房</div>
        <div class="xuexi">我的积分</div>
        <div class="xuexi">我要投稿</div>
        <div class="xuexi">建议反馈</div>
        <div class="xuexi">开放平台</div>
        <div class="totop">返回顶部</div>
        <div class="erweima">
            <div class="erweima1"></div>
            <div class="xiazai">下载学习强国APP</div>
        </div>
        <div class="rexian">
            <div class="rexian1">服务热线</div>
            <div class="rexian2">12361</div>
        </div>
        <div class="dianhua">
            <div class="dianhua1">值班电话</div>
            <div class="dianhua2">010-55624303</div>
            <div class="dianhua2">010-55624311</div>
        </div>
    </div>
</body>

</html>